// 示例选项卡配置
const tabsConfig = [
    {id: 'tab1', title: '合集操作', content: '<div id="collection"></div>'},
    {id: 'tab2', title: '评论区操作', content: '<div id="comment-area-comment"></div>'},
    {id: 'tab3', title: '关于和问题反馈', content: '<div id="problem-feedback"></div>'},
];

// 自定义样式和事件处理类名
const options = {
    classes: {
        tabButton: 'my-custom-tab-button',
        tabButtonActive: 'my-custom-tab-button-active',
        tabContent: 'my-custom-tab-content',
        tabContentActive: 'my-custom-tab-content-active'
    },
    backgroundColor: '#eee',
    borderColor: '#ddd',
    textColor: '#333',
    fontWeight: 'bold',
    activeBackgroundColor: '#0056b3',
    activeTextColor: '#fff',
    contentBorderColor: '#bbb',
    contentBackgroundColor: '#ffffff',
};


const dynamicTabsGz = new DynamicTabs_gz('#video_page_settings_app', tabsConfig, options);
